<template>
	<div style="padding: 10px">
		<a-breadcrumb>
			<template v-for="item in navList" :key="item">
				<a-breadcrumb-item v-if="item.to != ''"
					><a :href="item.to" style="color: gray">{{ item.name }}</a></a-breadcrumb-item
				>
				<a-breadcrumb-item v-else>{{ item.name }}</a-breadcrumb-item>
			</template>
		</a-breadcrumb>
	</div>
	<div class="divider" />
</template>

<script>
export default {
	name: 'nav',
	props: {
		navList: {
			type: Array,
			defalut: () => [],
		},
	},
	data() {
		return {};
	},
	methods: {},
};
</script>

<style>
.divider {
	border-top: 0px solid #f0f0f0;
	width: 100%;
	height: 1px; 
}
</style>
